<template>
	<div>
		<el-card class="box-card">
			<div class="text item">
				<div class="hoverdivClass" v-for="(value, key) in propertyList" :key="key">
					<el-form ref="form" v-if="titleList[key]" label-position="left">
						<el-form-item :label="titleList[key]">
							<el-input v-model="propertyList[key]" type="textarea"></el-input>
						</el-form-item>
					</el-form>
				</div>
			</div>
		</el-card>
	</div>
</template>
<script>
export default {
	props: {
		getData: {
			type: Function,
			default: Function
		}
	},
	data() {
		return {
			titleList: {
				certificateNumber: '证件号码',
				certificateType: '证件类型',
				city: '城市',
				consignerName: '委托人名称',
				csrcType: '证监会分类',
				peopleMax: '人行大类',
				peopleMin: '人行小类',
				subjectType: '主体类型'
			},
			propertyList: {
				certificateNumber: '',

				certificateType: '',

				city: '',

				consignerName: '',

				csrcType: '',

				peopleMax: '',

				peopleMin: '',

				subjectType: ''
			}
		}
	},
	methods: {
		saveSetings() {
			return this.propertyList
		},
		edit(data) {
			const obj = JSON.parse(JSON.stringify(data))
			this.propertyList = { ...this.propertyList, ...obj }
			for (const i in this.propertyList) {
				if (!this.propertyList[i]) {
					this.propertyList[i] = ''
				}
			}
		}
	}
}
</script>
<style lang="scss" scoped >
</style>
